body{
    margin: 0;
    padding: 0;

}
ul{
    list-style: none;
}

.ant-table{
    font-size: 13px;
}

//------------------------------------------
//dragbox

.left-tree-box{
    position: relative;
    display: flex;

    .left-tree-content{
        height: 100%;
        width: 100%;
        background: var(--pi-bg-grey-100);
        border-right: 1px solid var(--pi-border-color);
    }


    .middleBox{
        cursor: col-resize;
        height: 100%;
        width: 16px;
        background: rgba(255, 255, 255, 0);
        position: absolute;
        display: flex;
        justify-content: center;

        .middleBox-show{
            width: 2px;
            height: 100%;
        }
    }

    .middleBox:hover .middleBox-show{
        background: var(--pi-base-color);
    }
}

.ws-user-item{
    display: flex;
    align-items: center;
}

// --------------------------------------------
// --workspace--

.ws-layout{
    max-width: 1040px;
    min-width: 670px;
    padding: 20px;
    margin: 0 auto;
}

.ws-side{
    border-right: 1px solid var(--pi-border-color);
}

.ws-header-menu{
    display: flex;
    height: 45px;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 15px 0;

    .ws-header-menu-left{
        display: flex;
        align-items: center;
    }

    .ws-header-menu-right{
        display: flex;
    }

    .ws-header-menu-item{
        padding: 10px;
        margin: 0 15px 0 0;
        cursor: pointer;
        border-bottom: 2px solid #ffffff00;

        span{
            font-size: var(--pi-font-size-14);
            //font-weight: var(--pi-font-weight-title);
        }
    }

    .ws-header-menu-item:hover{
        border-bottom:2px solid  var(--pi-base-color);
        color:  var(--pi-base-color);
    }

    .ws-header-menu-item-selected{
        color:  var(--pi-base-color);
        border-bottom:2px solid  var(--pi-base-color);
    }

}



.ws-content{
    flex: 1;

    background-color:  var(--pi-bg-color);
    height: 100%;
    //background-color: #f0f0f0;
}

.ws-content-box{
    //min-width: 1140px;
    //margin: 0 auto;
    padding: 10px;
}

.ws-menu-ul-show{
    display: block;
}

.ws-menu-ul-collapsed{
    display: none;
}



.ws-menu-icon{
    flex-grow: 1;
    margin-left: 20px;
}

.ws-menu-title{
    flex-grow: 3;
    font-weight: bold;
    margin: 0 0 0 15px;
}

.action-li{
    background-color:  var(--pi-action-color);
}


// --------------------------------------------
// --workspaceEdit --
.ws-add-modal{
    .ant-modal-content{
        .ant-modal-body{
            padding: 0;
        }

        .ant-modal-header{
            padding: 15px 22px 0
        }
    }
}
.ws-edit-modal{
    padding: 0!important;
    margin: 0!important;
    top: 0!important;
    max-width: 100vw!important;
    height:100%;
    overflow: hidden;


    .ant-modal-content{
        height:100%;
    }

    .ant-modal-header{
        display: none;
    }

    .ant-modal-close{
        display: none;
    }

    .ant-modal-body{
        height: 100%;
        background: var(--pi-bg-grey-100);

        .ant-row{
            height: 100%;
        }
    }


    .ws-edit-box{
        height: 100%;
        //background: white;
        border-radius: var(--pi-border-radius);
        padding: 10px;

        .ant-form{
            margin: 10px;

            .ant-col-0{
                display: block;
            }
        }



        .ws-edit-box-header{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 13px 13px 0;
            &-title{
                font-weight: var(--pi-font-weight-title);
                font-size: var(--tiklab-font-16);
            }
        }

        .ws-edit-form-input{

            .ant-input{
                height: 40px;
                border-radius: var(--pi-border-radius);
            }

            .ant-select-multiple .ant-select-selection-placeholder{
                text-align: initial;
            }

            .ant-select-selector{
                height: 40px;
            }
        }

        .ws-edit-box-footer{
            padding: 10px;
            display: flex;
            //justify-content: end;

            .ws-edit-box-footer-btn{
                margin:0 10px 0 0;
                width: 80px;
                height: 40px;
            }
        }

    }
}
.ws-edit-box-select{
    display: flex;
    align-items: center;


    .tiklab-profile .ant-avatar{
        width: 22px;
        height: 22px;
        margin: 0 3px 0  0;
        background: #94b5ff;
    }

}




.ws-edit-modal-form{
    text-align: center;
    margin: 10px 50px 0 0;
}

.ws-edit-modal-form-submit{
    margin-left: -120px ;
}

.ws-edit-visibility{
    display: flex;
    //justify-content: space-between;

    &-item{
        width: 255px;
        height: 80px;
        border:1px solid  #d9d9d9;
        border-radius: var(--pi-border-radius);
        padding: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        cursor: pointer;
        margin: 0 25px 0 0;
        background: #fff;

        &-desc{
            font-size: var(--pi-font-size-12);
            color: #cecece;
            display: flex;
        }
    }

    .ws-edit-visibility-action{
        border: 1px solid var(--pi-base-color);
    }

}


// --------------------------------------------


.wslist-searchbtn{
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
}

.wslist-eibtn{
    display: flex;
    justify-content: space-between;
}


// --------------------------------------------

.ws-menu{
    height: 100%;
}


.detailmenu-fold{
    height: 100%;
}

.ws-detail-menu{
    height: 100%;
    display: flex;
    flex-direction: column;

}

.ws-detail-menu-ul-box{
    overflow: auto;
    overflow-x: hidden;
    height: 85%;
    padding: 5px 0;
}



.ws-detail-menu-ul-show{
    display: block;
}

.ws-detail-menu-ul-collapsed{
    display: none;
}

.ws-detail-menu-serchbtn{
    padding: 10px;
    border-bottom:1px solid var(--pi-border-color) ;
    display: flex;
    justify-content: space-around;
}
.ws-detail-menu-protitle{
    display: flex;
    justify-content: space-around;
}

.ws-detail-menu-set{
    padding: 10px 0;
    display: flex;
    border-top: 1px solid  var(--pi-border-color);
}

.ws-detail-menu-text{
    display: flex;
    align-items: center;
    cursor: pointer;
}


.iconmenu-unfold{
    height: 100%;
}

.ws-detail-iconMenu{
    ul{
        height: 93%;
        width: 100%;
        padding:1px 0;
        li{
            text-align: center;
            line-height: 45px;
            height: 45px;
            margin: 20px 0 ;

        }
    }
    height: 100%;
}

.detailmenu-unfold{
    padding: 15px 0;
    text-align: center;
}


.show-category:hover + .show-categorynav{
    display: block;
}

.show-categorynav{
    position: absolute;
    margin: -50px 0 0 80px;
    display: none;
    width: 100px;
    box-shadow:var(--pi-box-shadow);
    // border: 1px solid black;
}

.show-categorynav:hover{
    display: block;
}


.ws-show-set{
    display: block;
}
.ws-hide-set{
    display: none;
}


.wscontant-contant{
    flex:1;
}


.pi-input{
    width: 200px;
    border:var(--pi-input-border)
}